一、要解決什麼問題？

在 B2B 業務的世界中，客戶關係管理 (CRM) 往往被繁瑣的手動資料輸入、分散的溝通記錄，以及缺乏主動預警的機制所拖垮。這導致業務人員耗費大量時間在行政工作上，而不是專注於能帶來收益的銷售與策略規劃。

為了解決此問題，我設計一個 AI 客戶自動化管理系統，來解決「低效能且被動式的 B2B 客戶管理」這一核心痛點。透過極簡風格的 UI，我們利用 Google Gemini 的強大能力，即時自動化地彙整新進客戶資訊，並主動追蹤、分析每一次的互動狀態。這套系統讓業務能一眼掌握所有客戶的健康度，從此告別手動整理資料的夢魘，協助業務精力集中在高價值的客戶培育與成交上。

二、提示詞設計

情境（Context）：
你是一位專精於 Google Gemini 的專業全端開發者。

任務（Task）：
開發一個以 AI 為核心的「客戶自動化管理系統（Customer Automation Management System）」，用於協助 B2B 業務有效管理客戶狀態與關係。

指南（Guidelines）：
- 採用極簡風格（Minimalist UI），介面清晰、操作直覺。
- 儀表板應能快速更新新進客戶資料，並追蹤現有客戶的互動狀態。
- 在程式碼的每個步驟中提供清晰且結構化的註解。
- 確保頁面具有良好的響應式設計與順暢的使用體驗。

限制（Constraints）：
最終輸出必須是一個可實際運作並可部署的網頁。

三、產品原型呈現

1. 客戶詳細管理頁面 (Client Detail View)

• 客戶列表與概覽：
  • 左側有清晰的客戶列表，顯示公司名稱（如：Eleanor Vance - Innovate Corp）及當前的客戶狀態標籤（如：潛在客戶、積極聯繫、已結束）。
• 客戶資訊與關鍵聯絡人：
  • 頂部顯示客戶詳細資訊，包括公司、主要聯絡人姓名、電子郵件，以及「主要聯絡人」的職位（如：David Chen - CTO）。
• 任務與追蹤 (Next Action)：
  • 設置**「下一步行動」**區塊，讓業務明確知道當前對此客戶的待辦事項（如：Send over technical whitepaper for AI integration），並標示截止日期。
• 機會與痛點管理：
  • 交易機會： 記錄與此客戶相關的潛在交易價值（如：$75,000）。
  • 客戶痛點/阻礙： 清楚記錄客戶面臨的問題或當前交易的阻礙，便於後續策略調整。
• 互動記錄 (Interaction Log)：
  • 手動記錄： 業務可以手動輸入與客戶的每一次互動（電話、Email、會議等），並附上備註。
  • 互動總覽： 下方列表清晰記錄了每一次互動的日期、類型（Email/Call/Meeting）和簡要內容，建立完整的客戶歷史畫像。
• AI 助理 (AI Assistant)：
  • 這是本系統的核心特色。AI 會根據客戶的所有歷史數據和互動記錄，主動提供見解、摘要或建議。
  • 例如：AI 提示「彙整該客戶過去的所有互動記錄...」，幫助業務快速進入狀態。
  • 下方提供AI 輔助操作按鈕，例如：「研擬下一步」、「追蹤客戶痛點」、「生成銷售腳本」，極大地自動化了業務的策略思考和內容產出。

2. 業務儀表板 (Dashboard)

• 關鍵數據指標：
  • 總客戶數： 顯示目前系統中追蹤的所有客戶總量，並有說明性文字（如：目前只有七個客戶）。
  • 總預期價值： 顯示所有機會或潛在交易的總預期金額，幫助業務評估潛在業績規模。
  • 平均交易價值： 顯示平均每個成功交易或機會的價值，用於評估客戶品質。
• 銷售漏斗視覺化 (Sales Funnel)：
  • 採用水平條形圖清晰展示客戶在銷售流程中的分佈狀態。
  • 狀態包括：潛在客戶、積極聯繫、洽談中、已成交（成功）、已結束（失敗），並用不同顏色區分。
  • 這讓業務人員能一眼掌握資源應投入到哪個階段的客戶。